<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!--标准mui.css-->
		<script type="text/javascript" src="fonts/iconfont.js" ></script>
		<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
		<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/mui.css">
		
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">办案系统</h1>
		</header>
		<div class="mui-content">
			<div style="padding: 10px 10px;">
				<div id="segmentedControl" class="mui-segmented-control">
					<a class="mui-control-item mui-active" href="#item1">
					待办案件
					</a>
					<a class="mui-control-item" href="#item2">
					已办案件
					</a>
				</div>
			</div>
			<div>
				<div id="item1" class="mui-control-content mui-active">
					<ul class="nbaMain">
						<!--动态渲染-->
					</ul>
				</div>
				<div id="item2" class="mui-control-content">					
					<ul class="nbaMain">
						<!--动态渲染-->
					</ul>
				</div>
			</div>
		</div>
		<script src="js/mui.js"></script>
		<script src="js/page/businessMain.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>